<!--BO Main Content -->
<div class="contentWrapper">
	<div class="wrapper">
		<div class="testEdgeMainContent" id="student-dashboard">
			<h1 class="titleMain" data-bind="text: 'Assign Students - ' +academicYear()"></h1>
			<div class="scroll-pane7 padding20"   >
				<a class="floatright" href="#" style="margin-right: 10px" onclick="retrunToAcademicYear(event)"> &lt; Back to Academic Year</a>
				<a href="#." class="  marginRight " style="line-height: 31px" data-bind="click: addStudent">[ Add Student</a>
				<a href="#." class="  marginRight"> |</a>
				<a href="javascript: importStudents()" class="  marginRight">Import Students ]</a>
				<h2 class="title2 floatleft marginRight">Add/Allocate Students to Classes & Divisions</h2>
				<div class="clearBoth"></div>
				<hr class="borderBottomBlue marginBottom" />
				<!-- ko  template: {name: 'grade-template', foreach: gradeList} -->

				<!-- /ko -->
				

			</div>

			<!--BO Added Facilities -->

			<!--EO Add Facilities -->

		</div>
	</div>
</div>
<!--EO Main Content -->

<script type="text/html" id="grade-template">
	<span class="displayBlock  marginBottom5">
	<span class="bold" data-bind="text: gradeTitle()"></span>
	<span data-bind="text: ' (Students Strength: '+ totalCount() +')'"> </span>
	<a href="#." class="te-button buttonBlue floatright" data-bind="click: $parent.loadStudents">Assign Division</a>
	<div class="clearBoth">
	</div>
	</span>

	<table border="1" class="schoolEventstable marginBottom">
	<thead>
	<tr class="border-bottom">
	<th class="header" style="width:100px;">Class</th>
	<th class="header" style="width:100px;">Division</th>
	<th class="header" style="width:180px;">Class Strength</th>
	<th class="header" style="width:180px;">
		<span>
			Gender Ratio
		</span>
		<br/>
		<span style="font-weight:normal;" >
			Girls : Boys  
		</span>
		
	</th>
	<th class="header" style="width:180px;">Roll Numbers</th>
	<th class="header" style="width:180px;"></th>
	</tr>
	</thead>
	<tbody data-bind="foreach: divisions">
	<tr>
	<td data-bind="text: $parent.gradeTitle">1-A</td>
	<td data-bind="text: divisionTitle">1-A</td>
	<td data-bind="text: dashBoardTotalCount">40</td>
	<td data-bind="text: dashBoardSexRatio">1:1.4</td>
	<td data-bind="text: isRollNumAssigned()==1?'Assigned':'Un Assigned'">Assigned</td>
	<td><a href="#"  data-bind="click: $parent.showStudentList,visible:isRollNumAssigned">Student List</a></td>
	</tr>


	</tbody>

	</table>

</script>
